@use 'src/styles/abstracts' as *;

.TraceVisualizationWrapper {
  display: flex;
  width: 100%;
  height: 100%;
  .VisualizationLoader {
    height: 100% !important;
  }
  .MenuArea {
    max-width: toRem(380px);
    min-width: toRem(320px);
  }
  .Menu {
    background-color: $white;
    border-bottom-left-radius: 0.5rem;
  }
  .VisualizerArea {
    width: 100%;
    border: toRem(1px) solid $grayish;
    border-left: none;
    border-top-right-radius: toRem(6px);
    border-bottom-right-radius: toRem(6px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: $white;
    &__suspenseLoaderContainer {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
    }
  }
}
